<!--语义化，定义这个文件为html文件-->
<!DOCTYPE html>
<html lang="en">
<!--   这里不用显示在页面只是用于关键字，提示，跳转等等-->
<head>

    <!-- 定义编码格式   -->
    <meta charset="UTF-8">
    <title>在线留言</title>
    <link rel="icon" href="../img/logo.jpg" type="img/x-ico">
    <link rel="stylesheet" href="../css/online.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/load.js"></script>
    <link rel="stylesheet" href="../css/common.css">

    <!--    显示公司logo-->
</head>

<body>

<div>
    <div id="top"></div>
    <div class="middle">
        <div>
            <div class="title">在线留言</div>
            <div class="border-top">
                <div class="propaganda">
                    <div>
                        <div>
                            <div>我们会做的更好!
                            </div>
                            <div>
                                WE WILL DO BETTER
                            </div>
                        </div>
                        <div>如果您对我们有什么建议、投诉、需求，可以通过留言告诉我们，我们会在第一时间了解并及时与您联系。</div>
                    </div>
                </div>
                <div class="submit">
                    <form>
                        <div>
                            <div>称呼：</div>
                            <div><input type="text" kuang></div>
                        </div>
                        <div>
                            <div>电子邮件：</div>
                            <div><input type="email" kuang></div>
                        </div>
                        <div>
                            <div>内容：</div>
                            <div><textarea  kuang ></textarea></div>
                        </div>
                        <div>
                            <div>电话：</div>
                            <div><input type="tel" kuang></div>
                        </div>
                        <div>
                            <div><input type="submit" value="提交"></div>
                        </div>
                        <!--                       <div>-->
                        <!--                           <div>称呼：</div>-->
                        <!--                           <div contenteditable="true"></div>-->
                        <!--                       </div>-->
                        <!--                       <div>-->
                        <!--                           <div>电子邮件：</div>-->
                        <!--                           <div contenteditable="true"></div>-->
                        <!--                       </div>-->
                        <!--                       <div>-->
                        <!--                           <div>内容：</div>-->
                        <!--                           <div contenteditable="true" class="content"></div>-->
                        <!--                       </div>-->
                        <!--                       <div>-->
                        <!--                           <div>电话：</div>-->
                        <!--                           <div contenteditable="true"></div>-->
                        <!--                       </div>-->
                        <!--                       <div>-->
                        <!--                           <div>提交</div>-->
                        <!--                       </div>-->
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="foot"></div>
</div>

</body>
</html>
